<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
      <style type="text/css">
       #container {
         color: #0097d0;
         background-image:url(images/background6.png);
         background-repeat:no-repeat;
         position:absolute;
         width:1220px;
         height:656px;
         left: 50%;
         top: 50%;
         margin-top: -328px; /* moitié de la hauteur de l'image */
         margin-left: -610px; /* moitié de la largeur de l'image */
         }

         .content{

                margin-left:200px;
                margin-top: 245px;

         }

         input{
         background-color:transparent;
         }

       </style>
</head>
<body>
<div id="container">
<div class="content">
<h1> Connexion</h1>
<% if (typeof globalError != "undefined"){ %> <h3> <%= globalError %> </h3> <% } %>
<form action="/login" method="post" accept-charset="">
    <%- raw=loginForm.toHTML() %>
    <input type="submit" value="Valider" />
</form>
<p><a href="/resetPassword">Mot de passe perdu </a> </p>
<p><a href="/register">S'enregistrer </a> </p>
</div>
</div>
</body>
</html>